<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<jsp:include page="../template/includes.jsp"></jsp:include>
<jsp:include page="../formapagamento/editarFormaPagamento.jsp"></jsp:include>

<link rel="stylesheet" type="text/css" href="../../static/styles/home.css">

<body style="background: #6C7B8B;">
	<div class="template-cadastro">
		<div style="width: 250px; margin-left: 10px; margin-top: 10px;"> 
			<div style="margin-bottom: 5px;">Forma de Pagamento*</div>
			<input  type="text" id="pesquisar-formapagamento" style="height: 20px; width: 250px;">
			<button class="default-button" id="btn-pesquisar-formapagamento" style="font-size: 12px; margin-left: 260px; margin-top: -28px; width: 80px;">Pesquisar</button>
		</div>
		
		<div style="margin-left: 50px; margin-top: 50px;" >
		<table id= "grid-formapagamento"></table>
		</div>
		
		<div class="popup-buttons-container" style="text-align: center;margin-bottom: -13px;">
			<button class="default-button" id="btn-novo-formapagamento" style="font-size: 12px; margin-right: 10px; width: 80px;">Novo</button>
			<button class="default-button" id="btn-editar-formapagamento" style="font-size: 12px; margin-right: 10px; width: 80px;">Editar</button>
			<button class="default-button" id="btn-excluir-formapagamento" style="font-size: 12px; margin-right: 10px; width: 80px;">Excluir</button>
			<button class="default-button" id="btn-sair-formapagamento" style="font-size: 12px; width: 80px;">Sair</button>
		</div>		
		
	</div>
</body>

	<script type="text/javascript">
	
	$("#grid-formapagamento").jqGrid({
		datatype: "local", 
		colNames:['Codigo','Forma de Pagamento'], 
		colModel:[
		{ name: 'idFormaPagamento', index: 'idFormaPagamento', width: 50 },
		{ name: 'descricao', index: 'descricao', width: 200 },
		],
		rowNum:100, 
		rowList:[100,200,300], 
		viewrecords: true, 
		multiselect: false,
		width: 600,
		height: 350,
		scroll: true
		});
	
	FormaPagamentoController.listarFormaPagamento({
		callback: function(result){
			for(var i=0;i<=result.length;i++){
				$("#grid-formapagamento").addRowData(i+1,result[i]);
			}
		}
	});
	
		$("#btn-novo-formapagamento").click(function() {
			$("#editar-formapagamento").dialog("open");
			$("#btn-alterar-formapagamento").css("display", "none");
			$("#btn-salvar-formapagamento").css("display", "block");
			$("#btn-deletar-formapagamento").css("display", "none");
		});
		
		$("#btn-sair-formapagamento").click(function() {
			location.href = "http://localhost:8080/project-mega-visao/appweb/development/index.jsp";
		});
		
		$("#btn-editar-formapagamento").click(function() {
			var rowidFormaPagamento = $("#grid-formapagamento").jqGrid('getGridParam','selrow');
			var rowData = $("#grid-formapagamento").getRowData( rowidFormaPagamento );
			
			if (rowData.idFormaPagamento != null) 
			{
				FormaPagamentoController.getFormaPagamentoById( rowData.idFormaPagamento,{
						callback: function(result){
							
							$("#id-formapagamento").val(result.idFormaPagamento);
							$("#desc-formapagamento").val(result.descricao);
							$("#datacadastro-formapagamento").val(result.datacadastro);
				 			$("#dataalteracao-formapagamento").val(result.dataalteracao);
						}
					});
				
				$("#editar-formapagamento").dialog("open");
			
				$("#btn-salvar-formapagamento").css("display","none");
				$("#btn-alterar-formapagamento").css("display","block");
			}
			
		});
		
		
		$("#btn-excluir-formapagamento").click(function() {
			var rowidFormaPagamento = $("#grid-formapagamento").jqGrid('getGridParam','selrow');
			var rowData = $("#grid-formapagamento").getRowData( rowidFormaPagamento );
			
			if (rowData.idFormaPagamento != null) 
			{
				FormaPagamentoController.getFormaPagamentoById( rowData.idFormaPagamento,{
						callback: function(result){
							
							$("#id-formapagamento").val(result.idFormaPagamento);
							$("#desc-formapagamento").val(result.descricao);
							$("#datacadastro-formapagamento").val(result.datacadastro);
				 			$("#dataalteracao-formapagamento").val(result.dataalteracao);
						}
					});
				
				$("#editar-formapagamento").dialog("open");
			
				$("#desc-formapagamento").attr("disabled","disabled");
				$("#sigla-formapagamento").attr("disabled","disabled");
				
				$("#btn-salvar-formapagamento").css("display","none");
				$("#btn-alterar-formapagamento").css("display","none");
				$("#btn-deletar-formapagamento").css("display","block");
			}
		});
		

		function atualizaGrid () {
			
			$("#grid-formapagamento").jqGrid('clearGridData');
			
			FormaPagamentoController.listarFormaPagamento({
				callback: function(result)
				{
					for(var i=0;i<=result.length;i++)
					{
						$("#grid-formapagamento").addRowData(i+1,result[i]);
					}
				}
			});
		}
		
		$("#btn-salvar-formapagamento").click(function () {
			atualizaGrid();
		});
		
		$("#btn-editar-formapagamento").click(function () {
			atualizaGrid();			
		});
	$("#btn-pesquisar-formapagamento").click(function() {
			
			if( $("#pesquisar-formapagamento").val() == "")
			{
				$("#grid-formapagamento").jqGrid('clearGridData');
				 
				 FormaPagamentoController.listarFormaPagamento({
						callback: function(result)
						{
							for(var i=0;i<=result.length;i++)
							{
								$("#grid-formapagamento").addRowData(i+1,result[i]);
							}
						}
				});
			}
			else
			{
				$("#grid-formapagamento").jqGrid('clearGridData');
				 
				 FormaPagamentoController.listarFormaPagamento({
						callback: function(result)
						{
							for(var i=0;i<=result.length;i++)
							{
								if( $("#pesquisar-formapagamento").val() == result[i].formaPagamento)
								{
									$("#grid-formapagamento").addRowData(i+1,result[i]);
								}
							}
						}
				});
			}
		});
		
	
	</script>	
